import React, { memo } from 'react'
import { UnorderedListOutline, SearchOutline } from 'antd-mobile-icons'
import { root_top, top_logo, top_inp, top_left } from './top.module.css'

export default memo(function Top() {
    return (
        <div className={root_top}>
            <div className={top_logo}><UnorderedListOutline /></div>
            <h2>MDClub</h2>
            <h6>首页</h6>
            <div className={top_inp}>
                <span><SearchOutline /></span>
                <input type="text" placeholder="搜索文章与问答" />
            </div>
            <div className={top_left}>
                <span>登录</span>
                <span>注册</span>
            </div>

        </div>
    )
})
